<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
		<meta name="keywords" content="{$_C['site_keyword']}">
		<meta name="description" content="{$_C['site_des']}">
		<meta name="author" content="">
		<link rel="icon" href="/favicon.ico">

		<title>{$_C['site_name']}</title>
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="{$_C['hy_path']}css/main.css">
        <link rel="stylesheet" type="text/css" href="{$_C['hy_path']}css/hungry.css">
<script src="{$_C.hy_path}js/jquery-1.11.1.min.js"></script>
		   <link rel="stylesheet" type="text/css" href="{$_C['hy_path']}css/gallery.css">
		<style type="text/css">
			.gallery-panel {
	
	display: none;
}
		</style>
		<!--[if lt IE 9]>
	  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>

	<body>
		<!-- include side_nav.html here -->
		{include file='../Common/side_nav.html'}

		<!-- include top_bar.html here -->
		{include file='../Common/top_bar.html'}

		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-10 col-lg-offset-2 img-thumbs main-block">

					<!-- include fashion_picture_content.html here -->
					{include file='../Common/wardrobe_content.html'}

				</div>
			</div>
		</div>
<div class="gallery-panel">
			<div class="gallery-close">
				<img src="{$_C.hy_path}images/close.png" alt="close panel">
			</div>
			<div data-id = "0" class="gallery-download">
				<img src="{$_C.hy_path}images/download.png"  title="download" alt="download">
			</div>
			<div class="gallery-left">
				<img src="{$_C.hy_path}images/left.png" alt="left gallery">
			</div>
			<div class="gallery-right">
				<img src="{$_C.hy_path}images/right.png" alt="left gallery">
			</div>
			<div class="gallery-body">
				<img src="" alt="gallery show" class="gallery-show" height="100%">
			</div>
		</div>
		<!-- include bottom_bar.html here -->
		{include file='../Common/bottom_bar.html'}

		
		<script src="{$_C.hy_path}js/jquery.easing.min.js"></script>
		<script src="{$_C.hy_path}js/bootstrap.min.js"></script>
		<script src="{$_C.hy_path}js/jquery.cookies.2.2.0.js"></script>
		<script src="{$_C.hy_path}js/main.js"></script>
		<script src="{$_C.hy_path}js/gallery.js"></script>
		<script type="text/javascript">
			$('.img-thumbs').gallery('.thumb-item');
		</script>
		<script type="text/javascript">
			$(window).load(function(){
		$('.gallery-download').click(function () {
			var data=$(this).attr('data-id');
			window.location.href='/index.php?g=home&m=photo&a=download&id='+data;
		
		});
				
				//
	   var img=$('.img_container');
	   var ci_height=$('.carousel-inner').innerHeight();
	          $('.carousel-inner').css('height',ci_height*0.7);
			img.each(function()
			{
				_this=$(this)
				   $('.item').show();
				var width=_this.outerWidth();
				var height=_this.outerHeight();
				console.log('h:'+height+'w:'+width);
				if(height>width)
				{
					
					_this.css('height',width);
				}
				else
				{
					
				}
					$('.item').css('display', '');
			});
		
	});
		</script>
	</body>

</html>